.bgi {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;

    image {
        width: 100%;
        height: 500px;
    }
}

.contenr {
	margin: 0rpx 0;
    padding-bottom: 200rpx;
	background: linear-gradient(to bottom, #03ab91, #F3F3F3);
    .order_sts {
        font-size: 40rpx;
        color: #fff;
        line-height: 100rpx;
        display: flex;
        align-items: center;
        image{
            margin-right: 10rpx;
        }
    }

    .order_address {
        background-color: #fff;
        margin: 20rpx 0;

        .address_text1 {
            display: flex;
            align-items: center;

            .address_user {
                font-size: 35rpx;
            }

            .address_user_tal {
                font-size: 30rpx;
                padding: 20rpx 10rpx;
            }
        }

        .address_text2 {
            font-weight: 700;
            font-size: 38rpx;
            padding-bottom: 20rpx;
        }
    }

    .order_goods {
        background-color: #fff;

        .goods_title {
            display: flex;
            align-items: center;
            font-size: 28rpx;
            color: #555;

            image {
                padding-right: 20rpx;
                width: 30rpx;
                height: 30rpx;
            }

            border-bottom: 1px solid #e6e6e6;
        }

        .goods_list {
            border-bottom: 1px solid #e6e6e6;
            padding: 20rpx;
            .goods_item {
                display: flex;
                margin-bottom: 20rpx;
                .item_img {
                    image {
                        width: 150rpx;
                        height: 150rpx;
                    }
                }

                .item_info {
                    flex: 1;
                    padding: 0 20rpx;

                    .info_title {
                        font-weight: 600;
						font-size: 28rpx;
                    }
                }

                .info_sku {
                    padding: 15rpx 0;
                    font-size: 25rpx;
                    color: #555;
                }
                .info_size{
                    font-size: 25rpx;
                }
                .info_price{
                    text-align: right;
                    font-size: 25rpx;
                    color: #f24839;
                    text{
                        font-size: 28rpx;
                    }
                }
            }
        }
    }
    .order_discount{
        padding: 20rpx ;
        border-bottom: 0px solid #e6e6e6;
        .discount_item{
            font-size: 25rpx;
            color: #555;     
            padding: 10rpx 0;      
            .discount_centenr{
                color: #f24839;
            } 
        }
    }
    .order_pone {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #e6e6e6;

        .pone_left {
            display: flex;
            align-items: center;
            font-size: 28rpx;

            image {
                padding-right: 20rpx;
                width: 30rpx;
                height: 30rpx;
            }
        }

        .pone_right {
            font-weight: 600;
            font-size: 28rpx;

            text {
                font-size: 40rpx;
            }
        }
    }

    .offers {
        margin-top: 20rpx;
        padding-bottom: 20rpx;

        .cale_item {
            font-weight: 600;
            padding: 15rpx 20rpx;
            font-size: 28rpx;

            .min {
                font-size: 26rpx;
                // font-weight: 600;
                color: #000;
            }

            .item_contenr {
                display: flex;
                align-items: center;
                color: #555;

                .clone {
                    font-size: 20rpx;
                    margin-left: 20rpx;
                    border-radius: 50rpx;
                    padding: 5rpx 15rpx;
                    background-color: #e7e7e7;
                }
            }
        }
    }
}
.btn_{
    background-color: #f3f3f3;
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0px;
    padding-bottom: 20rpx;
    width: 100%;
    justify-content: right;
	.quxiao{
		margin: 20rpx;
		width: 30%;
		// background-color: #fff;
		text-align: center;
		border: 1rpx solid #e6e6e6;
		border-radius: 50rpx;
		color: #555;
		background-color: #d5d5d5;
		padding: 20rpx 20rpx;
	}
    .huigou{
        margin: 20rpx;
        width: 30%;
        // background-color: #fff;
        text-align: center;
        border: 1rpx solid #e6e6e6;
        border-radius: 50rpx;
        color: #fff;
        background-color: #03ab90;
        padding: 20rpx 20rpx;
    }
    .chakandingdan{
        margin: 20rpx;
        width: 60%;
        border-radius: 50rpx;
        text-align: center;
        border: 1rpx solid #e6e6e6;
        color: #fff;
        background-color: #03ab90;
    }
    .paybutton{
        margin: 20rpx;
        width: 60%;
        border-radius: 50rpx;
        text-align: center;
        border: 1rpx solid #e6e6e6;
        border-radius: 100rpx;
        color: #fff;
        background: linear-gradient(to right, #ff6b16, #ffa130);
    }
    .toappbutton{
        margin: 20rpx;
        width: 20%;
        border-radius: 50rpx;
        text-align: center;
        border: 1rpx solid #e6e6e6;
        border-radius: 100rpx;
        color: #fff;
        background: linear-gradient(to right, #ff6b16, #ffa130);
    }
}